define(function(){
	function fn(){
	//加载公共样式

		$(".footer").load("http://localhost/meixian/html/mxcombot.html footer")

//放大镜
		//小框，大图显示
		$(".item-show").hover(function(){
			$(".positionbox").css({
				display:"block"
			})
			$("#right").css({
				display:"block"
			})
			$(".hide").css({
				display:"block"
			})			
		},function(){
			$(".positionbox").css({
				display:"none"
			})
			$("#right").css({
				display:"none"
			})
		})

	  //左击，右击
	  	$aImg = $(".mx-ul img");
	  	// console.log($aImg)
		// 事件绑定; 左右按钮事件绑定;
	  	var iNow = 0;
		var iNext = 1;
		var iPrev = $aImg.length - 1;

		$(".next").on("click",function(){
			if(iNow == $aImg.length - 1){
				iNow = $aImg.length - 1;
				iPrev = $aImg.length - 2;
			}else{
				iNow ++
				iPrev = iNow - 1;
			}
			console.log(iNow,iPrev);
			changeImg(iNow)
			
		})
		$(".prev").on("click",function(){		
			if(iNow == 0){
				iNow = 0;
				iNext = 1;
			}else{
				iNow --;
				iNext = iNow + 1;
			}		
				console.log(iNow,iNext);				
				changeImg(iNow)
		})
			function changeImg(iNow){
				$(".mx-ul img").eq(iNow).css({
					borderColor:"#1a9733"
	  			}).siblings().css({
	  				borderColor:"#ddd"
	  			})
	  			$(".item-pic img").eq(iNow).css({
	  				display:"block"
	  			}).siblings().css({
	  				display:"none"
	  			})
	  			$("#right img").eq(iNow).css({
	  				display:"block"
	  			}).siblings().css({
	  				display:"none"
	  			})
			}
	  //点击小图片
		$(".mx-ul img").click(function(){
			$(this).css({
				borderColor:"#1a9733"
			}).siblings().css({
				borderColor:"#ddd"
			})
			$(".item-pic img").eq($(this).index()).css({
				display:"block"
			}).siblings().css({
				display:"none"
			})
			$("#right img").eq($(this).index()).css({
				display:"block"
			}).siblings().css({
				display:"none"
			})
		})
   		
   	//小灰框运动
        $("#left").mousemove (function(event){
            var evt = event || window.event;
            //鼠标位置
            $leftx = evt.offsetX - ($(".positionbox").width()/2);
            $topy = evt.offsetY - ($(".positionbox").height()/2);
            //边界检测;
            if($leftx <= 0){
              $leftx = 0;
            }
            if($leftx >= $("#left").width() - $(".positionbox").width()){
              $leftx = $("#left").width() - $(".positionbox").width();
            }
            if($topy <= 0){
              $topy = 0;
            }
            if($topy >= $("#left").height() - $(".positionbox").height()){
              $topy = $("#left").height() - $(".positionbox").height();
            }
            $(".positionbox").css({
            	left:$leftx + "px",
            	top:$topy + "px",
            	backgroundPosition:- $leftx + "px " + (-this.topy + "px")
            })   
            //确定比例问题;
            var propLeft = parseInt($leftx / ($("#left").width() - $(".positionbox").width())*100);
            var propTop = parseInt($topy / ($("#left").height() - $(".positionbox").height())*100);
            //让大图动;
            $("#bigimg").css({
            	left:- Math.round(($("#bigimg").width() - $("#right").width()) * propLeft / 100) + "px",
            	top:- Math.round(($("#bigimg").height() - $("#right").height()) * propTop / 100) + "px"
            })
          })
       
     //计数
	$(".minus").click(function(){
		if($(".number").val() > 1){
			$(".number").val(Number($(".number").val())-1);
		}
//		console.log($(".number").val())
	})
	
	$(".plus").click(function(){
		$(".number").val(Number($(".number").val())+1);
//		console.log($(".number").val())
	})
	

	//发货时间
		var date = new Date();
		$(".mx-y").text(date.getFullYear());
		$(".mx-m").text(date.getMonth() + 1);
		$(".mx-d").text(date.getDate() + 1);
	
	//介绍    选项卡
					
			$(".tab-ch li").click(function(){
				console.log($(this).index())
				//选项卡功能
				$(".tabs").eq($(this).index()).css({
					display:"block"
				})
				.siblings(".tabs")
				.css({
					display:"none"
				})

			 // 点击下标
				$index = $(this).index()
				// console.log($index)
				$(this).css({
					color:"#fff",
					background:"#1a9733"
				})
				.siblings()
				.css({
					color:"#333",
					background:"#fafafc"
				})

				$(".tab-ch li").hover(function(){
					if($(this).index() == $index){
						// console.log(2)
						$(this).eq($index).css({
							color:"#fff",	
						})
						
					}else{
						$(this).css({
							color:"#1a9733",	
						})
					}
				},function(){
					if($(this).index() == $index){
						// console.log(2)
						$(this).eq($index).css({
							color:"#fff",	
						})
						
					}else{
						$(this).css({
							color:"#333",	
						})
					}
				})
			})
			
			
		//cookie
		$(".mx-shop").on("click",function(){
			location.reload();
			
			$title = $.cookie("name",$(".intr-up h2").text(),{expires:30,path:"/yuyujing/meixian"})
			$price = $.cookie("price",$(".per-price").text(),{expires:30,path:"/yuyujing/meixian"});
			//存入数量的计算
			
			$num = $.cookie("num",$(".number").val(),{expires:30,path:"/yuyujing/meixian"});

   		    
			console.log($title,$price,$num)
		})	
	}
	return {
		fn : fn,
	}
})
